--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Commit 19e94cfb6f0c4ed81c34431307ec84fad77eb1bf
Parents : ffd4058
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-01-07T14:58:35-06:00
feat(ui): add functionality to retry all failed or cancelled messages in ConversationViewer component
Changes
1 files changed, 37 insertions(+), 1 deletions(-)
Diff
diff --git a/meshchatx/src/frontend/components/messages/ConversationViewer.vue b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
index 993c636a..fd09aafe 100644
--- a/meshchatx/src/frontend/components/messages/ConversationViewer.vue
+++ b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
@@ -105,6 +105,16 @@
<!-- dropdown menu -->
<div class="ml-auto flex items-center gap-1">
+ <!-- retry all failed messages -->
+ <IconButton
+ v-if="hasFailedOrCancelledMessages"
+ title="Retry all failed/cancelled messages"
+ class="text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20"
+ @click="retryAllFailedOrCancelledMessages"
+ >
+ <MaterialDesignIcon icon-name="refresh" class="size-6" />
+ </IconButton>
+
<ConversationDropDownMenu
v-if="selectedPeer"
:peer="selectedPeer"
@@ -582,7 +592,10 @@
>cancel?</a
>
<a
- v-if="chatItem.lxmf_message.state === 'failed'"
+ v-if="
+ chatItem.lxmf_message.state === 'failed' ||
+ chatItem.lxmf_message.state === 'cancelled'
+ "
class="ml-1 cursor-pointer underline text-blue-500"
@click="retrySendingMessage(chatItem)"
>retry?</a
@@ -1613,6 +1626,11 @@ export default {
return null;
},
+ hasFailedOrCancelledMessages() {
+ return this.selectedPeerChatItems.some(
+ (item) => item.is_outbound && ["failed", "cancelled"].includes(item.lxmf_message?.state)
+ );
+ },
},
watch: {
selectedPeer: {
@@ -2845,6 +2863,24 @@ export default {
console.log(e);
}
},
+ async retryAllFailedOrCancelledMessages() {
+ const failedItems = this.selectedPeerChatItems.filter(
+ (item) => item.is_outbound && ["failed", "cancelled"].includes(item.lxmf_message?.state)
+ );
+ if (failedItems.length === 0) return;
+
+ if (
+ !(await DialogUtils.confirm(
+ `Are you sure you want to retry sending all ${failedItems.length} failed/cancelled messages?`
+ ))
+ ) {
+ return;
+ }
+
+ for (const item of failedItems) {
+ await this.retrySendingMessage(item);
+ }
+ },
async shareLocation() {
try {
if (!navigator.geolocation) {
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────